<template>
  <div class="banner-block">
    <div class="banner-text-bg wow fadeInUp" data-wow-delay="0.1s">
      <h2 class="title wow fadeInLeft" data-wow-delay="0.2s">
        融汇信息技术与数据要素
      </h2>
      <h2 class="desc wow fadeInRight" data-wow-delay="0.2s">
        助力产业智慧升级
      </h2>
    </div>
  </div>
</template>

<style scoped lang="scss">
  .banner-block {
    display: flex;
    height: 969px;
    background: url("@/static/img/home/bg-banner@2x.png") no-repeat;
    background-size: cover;
    .banner-text-bg {
      margin: 217px 220px 0;
      width: 100%;
      height: 264px;
      background: url("@/static/img/home/Industrial wisdom upgrading@2x.png")
        no-repeat;
      background-size: contain;
    }
    h2 {
      text-align: center;
      font-size: 64px;
      font-family: Microsoft YaHei;
      color: #ffffff;
      &:last-child {
        font-weight: bold;
        margin-top: 34px;
      }
    }
  }
</style>